 


	
	<!-- weui / 九宫格 start-->	
	<!-- 组件文档 "http://old.jqweui.com/components#grid"-->
	<div class="weui_grids">
	  <a href="javascript:;" class="weui_grid js_grid" data-id="button">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_button.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Button
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="cell">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_cell.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Cell
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="toast">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_toast.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Toast
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="button">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_dialog.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Dialog
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="cell">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_progress.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Progress
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="toast">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_msg.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Msg
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="button">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_article.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Article
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="cell">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_icons.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Icons
	    </p>
	  </a>
	  <a href="javascript:;" class="weui_grid js_grid" data-id="toast">
	    <div class="weui_grid_icon">
	      <img src="http://old.jqweui.com/images/icon_nav_panel.png" alt="">
	    </div>
	    <p class="weui_grid_label">
	      Panel
	    </p>
	  </a>
	</div>

	<script type="text/javascript">
		$('.weui_grids>a').click(function(){
			console.log($(this).index());
		});
	</script>
	<!-- weui / 九宫格 end-->	